<template>
  <div>
    <div class="partner">
      <span class="partner_box"><img src="../../../assets/image/home/partner1.png" alt/></span>
<!--      <span class="partner_box"><img src="../../../assets/image/home/partner_2.png" alt/></span>-->
      <span class="partner_box"><img src="../../../assets/image/home/partner2.png" alt/></span>
<!--      <span class="partner_box"><img src="../../../assets/image/home/partner_4.png" alt/></span>-->
      <span class="partner_box"><img src="../../../assets/image/home/partner3.png" alt/></span>
      <span class="partner_box"><img src="../../../assets/image/home/partner4.png" alt/></span>
      <span class="partner_box"><img src="../../../assets/image/home/partner5.png" alt/></span>
      <span class="partner_box"><img src="../../../assets/image/home/partner6.png" alt/></span>
      <span class="partner_box"><img src="../../../assets/image/home/partner7.png" alt/></span>
      <span class="partner_box"><img src="../../../assets/image/home/partner8.png" alt/></span>
<!--      <span class="partner_box"><img src="../../../assets/image/home/partner_8.png" alt/></span>-->
      <span class="partner_box"><img src="../../../assets/image/home/partner9.png" alt/></span>
      <span class="partner_box"><img src="../../../assets/image/home/partner10.png" alt/></span>
      <span class="partner_box"><img src="../../../assets/image/home/partner11.png" alt/></span>
      <span class="partner_box"><img src="../../../assets/image/home/partner12.png" alt/></span>
      <span class="partner_box"><img src="../../../assets/image/home/partner13.png" alt/></span>
      <span class="partner_box"><img src="../../../assets/image/home/partner14.png" alt/></span>
      <span class="partner_box"><img src="../../../assets/image/home/partner15.png" alt/></span>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss">
.partner {
  width: 100%;
  margin: 0 auto;

  .partner_box {
    width: 20%;
    height: 80px;
    float: left;
    margin-bottom: 15px;

    img {
      width: 100%;
      max-width: 240px;
      margin: 0 auto;
      /*height: 100%;*/
    }
  }
}

@media screen and (max-width: $mobile_width) {

  .partner {

    .partner_box {
      width: 50% !important;

      img {
        width: 156px !important;
        /*height: 100%;*/
      }
    }
  }

}

</style>
